<template>
  <div class="histories">
    <ArticleItem
      :article="article"
    />
    <HandleWay
      :target="article.art_id"
      :isLiked="article.is_liking"
    />
  </div>
</template>

<script>
import ArticleItem from '@/components/article-item'
import HandleWay from './handle-way'
export default {
  name: 'Histories',
  components: {
    ArticleItem, HandleWay
  },
  props: {
    article: {
      type: Object,
      required: true
    }
  }
}
</script>

<style scoped lang="less">
.handle-way {
  display: flex;
  background-color: #fff;
  span {
    flex: 1;
    text-align: center;
    line-height: 93px;
    font-size: 28px;
    color: #333333;
    border-right: 1px solid #ccc;
    .icon {
      font-size: 40px;
    }
  }
}
</style>
